<script>
// 组件除了使用template 还可以使用render函数
// 虚拟dom ：模拟真实dom js对象
// createVNode => 创建虚拟dom
// createVNode(标签名或组件名，{属性名：属性值}，节点)
// createVNode(标签名或组件名，{属性名：属性值}，[子节点1，子节点2])
import { createVNode } from 'vue'
export default {
  name: 'XtxHello',
  render () {
    return createVNode('h1', { id: 'box', class: 'red' },
      [createVNode('h1', { id: 'h1box', style: 'color:pink;' }, 'h1大标题'),
        createVNode('h3', { id: 'h1box' }, 'h3小标题')])
  }
}
</script>

<style lang="scss" scoped>
</style>
